<script>
  function searchBooks(){
     var textSearch = $('#search').val();
	 $('#txt_search').val(textSearch);
   $.ajax( {
            type: "GET",
            url: "https://www.googleapis.com/books/v1/volumes",
               data: { q: textSearch, maxResults:"40", key:"AIzaSyA9lzFrz7bRnN3Zyv_vnOaAPJ_JecykAFE" },
            dataType: "json",
            success: function(json) 
                     {
						$.ajax( {
						type: "POST",
						url: "http://localhost/liberalis/livres/add_multiple_ajax",
						   data: { data : json },
							dataType: "json"							
							
						});
					  var resultatsHTML = $('#resultats');
					  resultatsHTML.html(tableHTML(textSearch));
                       resultatsHTML.css("visibility", "visible").show();
                       var index=0;
                        $.each(json.items,   
                         function(key, book)
                         {     
                                   var html="";
								   html+='<td class="cbx"><input type="checkbox" /></td>';
                                   if(book.volumeInfo.readingModes.image){
									html+='<td class="img"><img width="50" src="'+book.volumeInfo.imageLinks.smallThumbnail+'"/></td>';     
                                   } else {
								   html+='<td><div class="container_image"><img src=""/></div></td>';     
								   }
                            var titre = book.volumeInfo.title;
                            var auteur = book.volumeInfo.authors;
                             var url = book.selfLink;
                                   html+='<td width="220">'+titre+'<br/>'+book.volumeInfo.publishedDate+'<br/>'+book.volumeInfo.publisher+'</td>';
                           		   html+='<td>'+auteur+'</td>';
                                   html+='<td width="80"><button>ajouter</button></td>';
                           if (index++%2){
                             var classe='odd';
                           }
                           else {
                             var classe='pair';
                           }
                            $('<tr class="items '+classe+'"></tr>').html(html).appendTo($('#liste_resultats'));
                          });
                      },
               error: function(){
                    alert('Erreur de connexion avec le serveur.');
               }
        });
  }
  function tableHTML(txt_search){
		var tableHTML = 'Livres trouvés pour '+txt_search+' :';
		tableHTML+= '<input type="submit" value="ajouter les livres cochés">';
		tableHTML+= '(ces livres seront ajoutés avec vos paramètres par défaut)';
		tableHTML+= '<table id="liste_resultats"><th colspan="2"></th><th>Titre</th><th colspan="2">Auteur</th></table><div class="ax_html_button">';
        tableHTML+='<input type="submit" value="ajouter les livres cochés"><br/><em>(ces livres seront ajoutés avec vos paramètres de partage par défaut)</em></div>';
		return tableHTML;
  }
</script>
<style>
  body{
   background-image:linear-gradient(to right, #7ec3fe, white); 
  }
#liste_resultats{
text-align:left;
vertical-align:top;
                                    border:0;
                                    border-collapse:collapse;
}
#liste_resultats th{
    line-height: 24px;
    padding: 0 8px;
    text-align: left;
background-color:#cee8ff;
}
#liste_resultats td{
vertical-align:top;
    text-align: left;
	padding: 10px 8px;	
}
#liste_resultats tr.odd td{
background-color:#ecf6ff;	
}
#liste_resultats tr.pair td{
background-color:#fff;	
}
#liste_resultats td.img{
width:1px;
}
.ax_html_button{
  text-align:left; 
}
.ax_table {
font-size:12px;
}
</style>
<div class="livres form">
<h1><?php echo __('Ajouter des livres dans ma bibliothèque'); ?></h1>
<?php //echo $this->Form->create('Livre'); ?>
	<fieldset>
		<legend></legend>
	<?php
		echo $this->Form->input('search',array('label'=>false,'value'=>'Recherchez titre, auteur, ISBN...'));
	?>
	</fieldset>
<?php 
$options = array(
    'label' => __('Valider'),
    'div' => FALSE,
    'onclick'=>'searchBooks()'
);
echo $this->Form->end($options); ?>
<?php echo $this->Form->create('Livre'); ?>
<div id="resultats">
 <span id="txt_search"></span>

</div>
<?php echo $this->Form->end(); ?>
</div>


<div class="livres form">
<?php echo $this->Form->create('Livre'); ?>
	<fieldset>
		<legend><?php echo __('Add Livre'); ?></legend>
	<?php
		echo $this->Form->input('titre');
		echo $this->Form->input('resume');
		echo $this->Form->input('date_de_sortie');
		echo $this->Form->input('date_insert');
		echo $this->Form->input('Auteur');
	?>
	</fieldset>

</div>
<div class="actions">
	<h3><?php echo __('Actions'); ?></h3>
	<ul>

		<li><?php echo $this->Html->link(__('List Livres'), array('action' => 'index')); ?></li>
		<li><?php echo $this->Html->link(__('List Editions'), array('controller' => 'editions', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Edition'), array('controller' => 'editions', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Auteurs'), array('controller' => 'auteurs', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Auteur'), array('controller' => 'auteurs', 'action' => 'add')); ?> </li>
	</ul>
</div>
